<template>
  <div>
    <h2>我是头部</h2>
    <section>
        <!-- slot标签，没有给定name的时候，其名字是default -->
        <slot :h="human">我是身体</slot>
    </section>
    <footer>
        <slot name="footer">我是尾巴</slot>
    </footer>
  </div>
</template>

<script lang="ts" setup>
    import {ref} from "vue";
    const human = {
        name: "Hydra",
        age: 35,
        sex: "男"
    }
</script>

<style>

</style>